$(function () {
    // 1.调用函数,渲染头像
    getUserInfo()

    // 2.退出 ======================================================
    $('#logout').on('click',function () {
        layui.layer.confirm('确认退出 ?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            location.href = '/login.html'    // 跳转回登录页
            localStorage.removeItem('token') // 删除本地存储
            layer.close(index);
        })    
    })
})

// 1.获取用户信息 ===============================================
function getUserInfo() {
    axios({
        // method: 'GET', 参数为GET可省略不写
        url: '/my/userinfo',
        // headers:{
        //     Authorization: localStorage.getItem('token')
        // }
    }).then(res => {
        // console.log(res);
        if (res.data.status !== 0) {
            return layui.layer.msg(res.data.message)
        }
        // console.log(res.data.data);
        renderAvatar(res.data.data)
    })
}

// 3.渲染用户信息和头像 ==================================================
function renderAvatar(user) {
    // 判断是否有昵称(nickname),有则渲染,没有则渲染登录名(username)
    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp;' + name)
    // 判断是否传入头像图片,有则渲染,没有则渲染文字头像
    if (user.user_pic !== null) {
        $('.layui-nav-img').show().attr('src',user.user_pic)
        $('.avatar-text').hide()
    }else {
        $('.layui-nav-img').hide()
        // 获取用户名的第一个字母,字符串也可以用下标获取第几个字母
        let first = name[0].toUpperCase()
        $('.avatar-text').show().html(first)
    }
}
